<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="HandheldFriendly" content="true"/>
        <meta name="MobileOptimized" content="320"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>


        <!--        <link rel="apple-touch-icon" href="touch-icon-iphone.html"/>
                <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.html"/>
                <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-retina.html"/>-->
        <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="css/fluid.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="css/upload.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="css/dandelion.theme.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="css/dandelion.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="css/demo.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="jui/css/jquery.ui.all.css" media="screen"/>
        <link rel="stylesheet" href="plugins/tipsy/tipsy.css"/>
        <link rel="stylesheet" href="plugins/fullcalendar/fullcalendar.css" media="screen"/>
        <link rel="stylesheet" href="plugins/fullcalendar/fullcalendar.print.css" media="print"/>

        <script type="text/javascript" src="js/jquery-1.7.2.min.js"/>
        <script type="text/javascript" src="jui/js/jquery-ui-1.8.20.min.js"/>
        <script type="text/javascript" src="jui/js/jquery.ui.timepicker.min.js"/>
        <script type="text/javascript" src="jui/js/jquery.ui.touch-punch.min.js"/>
        <script type="text/javascript" src="js/jquery.fileinput.js"/>
        <script type="text/javascript" src="js/jquery.placeholder.js"/>
        <script type="text/javascript" src="js/jquery.mousewheel.min.js"/>
        <script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"/>
        <script type="text/javascript" src="plugins/tipsy/jquery.tipsy-min.js"/>
        <script type="text/javascript" src="plugins/validate/jquery.validate.js"/>
        <script type="text/javascript" src="js/jquery.metadata.js"/>
        <script type="text/javascript" src="js/excanvas.js"/>
        <script type="text/javascript" src="js/core/plugins/dandelion.circularstat.min.js"/>
        <script type="text/javascript" src="js/core/plugins/dandelion.wizard.min.js"/>
        <script type="text/javascript" src="plugins/fullcalendar/fullcalendar.min.js"/>
        <script type="text/javascript" src="plugins/fullcalendar/gcal.js"/>
        <!-- Load Google Chart Plugin -->
        <!--        <script type="text/javascript" src="https://www.google.com/jsapi"/>-->
        <script type="text/javascript" src="js/jquery.debouncedresize.js"/>
        <script type="text/javascript" src="js/core/dandelion.core.js"/>
        <script type="text/javascript" src="js/core/dandelion.customizer.js"/>
        <ui:insert name="Title">Home</ui:insert>

        <!--        <link type="text/css" rel="stylesheet" href="https://ajax.googleapis.com/ajax/static/modules/gviz/1.0/core/tooltip.css"/><style type="text/css" charset="utf-8"/>-->

    </h:head>

    <h:body>


        <!-- Dandelion Customizer (remove if not needed) -->


        <div id="da-customizer">
            <div id="da-customizer-content" style="height: 0px;" class="">
                <!--                <p:dock position="top">
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                    <p:menuitem value="Order" icon="iconmenu/home.png" url="#"/>
                                </p:dock>

                                <p:dock>
                                    <p:menuitem value="Home" icon="/images/dock/home.png" url="#"/>
                                    <p:menuitem value="Music" icon="/images/dock/music.png" url="#"/>
                                    <p:menuitem value="Video" icon="/images/dock/video.png" url="#"/>
                                    <p:menuitem value="Email" icon="/images/dock/email.png" url="#"/>
                                    <p:menuitem value="Portfolio" icon="/images/dock/portfolio.png" url="#"/>
                                    <p:menuitem value="Link" icon="/images/dock/link.png" url="#"/>
                                    <p:menuitem value="RSS" icon="/images/dock/rss.png" url="#"/>
                                    <p:menuitem value="History" icon="/images/dock/history.png" url="#"/>
                                </p:dock>-->
                <ul>
                    <li>
                        <span class="da-customizer-title">Background Pattern</span>
                        <span id="da-customizer-body-bg"><select id="da-body-pat"><option value="blueprint">Blueprint</option><option value="bricks">Bricks</option><option value="carbon">Carbon</option><option value="circuit">Circuit</option><option value="holes">Holes</option><option value="mozaic">Mozaic</option><option value="roof">Roof</option><option value="stripes">Stripes</option></select></span>
                    </li>
                    <li>
                        <span>Header Pattern</span>
                        <span id="da-customizer-header-bg"><select id="da-header-pat"><option value="carbon">Carbon</option><option value="linen">Linen</option><option value="leather">Leather</option><option value="wood">Wood</option></select></span>
                    </li>
                    <li>
                        <span>
                    	Layout
                            <span class="da-tooltip-w da-customizer-tooltip" original-title="This functionality can only provide you the CSS for background and header patterns. Instructions to switch between fixed or fluid layout can be found in the documentation.">
                    		[?]
                            </span>
                        </span>
                        <ul class="clearfix" id="da-customizer-layouts">
                            <li>
                                <input type="radio" checked="checked" name="da-layout" id="da-customizer-fluid"/>
                                <label for="da-customizer-fluid">Fluid</label>
                            </li>
                            <li>
                                <input type="radio" name="da-layout" id="da-customizer-fixed"/>
                                <label for="da-customizer-fixed">Fixed</label>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div id="da-customizer-button">
                    <button class="da-button red">Get CSS</button>
                </div>
            </div>
            <span id="da-customizer-pulldown"></span>
        </div>
        <!-- Main Wrapper. Set this to 'fixed' for fixed layout and 'fluid' for fluid layout' -->
        <div id="da-wrapper" class="fluid">

            <!-- Header -->
            <div id="da-header">

                <div id="da-header-top">

                    <!-- Container -->
                    <div class="da-container clearfix">

                        <!-- Logo Container. All images put here will be vertically centere -->
                        <div id="da-logo-wrap">
                            <div id="da-logo">
                                <div id="da-logo-img">
                                    <a href="dashboard.html">
                                        <img src="images/logo.png" alt="Dandelion Admin"/>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- Header Toolbar Menu -->
                        <div id="da-header-toolbar" class="clearfix">
                            <div id="da-user-profile">
                                <div id="da-user-avatar">
                                    <img src="images/pp.jpg" alt=""/>
                                </div>
                                <div id="da-user-info">
                                    <h:outputText value="#{adminVihicleBean.emp.fullName}"/>
                                    <span class="da-user-title">Creative Director</span>
                                </div>
                                <ul class="da-header-dropdown">
                                    <li class="da-dropdown-caret">
                                        <span class="caret-outer"></span>
                                        <span class="caret-inner"></span>
                                    </li>
                                    <li class="da-dropdown-divider"></li>
                                    <li><a href="../index.xhtml">Home</a></li>
                                    <li class="da-dropdown-divider"></li>
                                    <!--                                    <li><a href="#">Profile</a></li>
                                                                        <li><a href="#">Settings</a></li>-->
                                    <li><a href="changePassword.xhtml">Change Password</a></li>
                                </ul>
                            </div>
                            <div id="da-header-button-container">
                                <ul>
                                    <li class="da-header-button message">
                                        <span class="da-button-count">5</span>
                                        <a href="#">Messages</a>

                                    </li>
                                    <li class="da-header-button logout">
                                            <a href="login.xhtml">Logout</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>

                <div id="da-header-bottom">
                    <!-- Container -->
                    <div class="da-container clearfix">

                        <div id="da-search">
                            <form>
<!--                                <input placeholder="Search..." type="text"/>-->
                            </form>
                        </div>

                        <!-- Breadcrumbs -->
                        <div id="da-breadcrumb">
                        </div>

                    </div>
                </div>
            </div>

            <!-- Content -->
            <div id="da-content">

                <!-- Container -->
                <div class="da-container clearfix">

                    <!-- Sidebar Separator do not remove -->
                    <div id="da-sidebar-separator"></div>

                    <!-- Sidebar -->
                    <div id="da-sidebar">

                        <!-- Main Navigation -->
                        <div id="da-main-nav" class="da-button-container">
                            <ul>
                                <li class="active">
                                    <a href="Chart.xhtml">
                                        <!-- Icon Container -->
                                        <span class="da-nav-icon">
                                            <img src="images/icons/black/32/home.png" alt="Dashboard"/>
                                        </span>
                                	Home
                                    </a>
                                </li>

                                <li>
                                    <a href="vehicleadmin.xhtml">
                                        <!-- Icon Container -->
                                        <span class="da-nav-icon"><img src="images/icons/black/32/create_write.png" alt="Form"/></span>
                                	Vehicle
                                    </a>
                                    <!--                                    <ul style="display:none;overflow: hidden" class="">
                                                                            <li><a href="vehicleadmin.xhtml">Manager vehicle</a></li>
                                                                            <li><a href="vehicleadmin.xhtml">Add new vehicle</a></li>
                                                                        </ul>-->
                                </li>

                                <li>
                                    <a href="orderadmin.xhtml">
                                        <!-- Icon Container -->
                                        <span class="da-nav-icon">
                                            <img src="images/icons/black/32/day_calendar.png" alt="Calendar"/>
                                        </span>
                                	Order
                                    </a>

                                </li>
                                <li>
                                    <a href="EmployeeManage.xhtml">
                                        <!-- Icon Container -->
                                        <span class="da-nav-icon">
                                            <img src="images/icons/black/32/file_cabinet.png" alt="File Handling"/>
                                        </span>
                                	Employee
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <!-- Icon Container -->
                                        <span class="da-nav-icon">
                                            <img src="images/icons/black/32/table_1.png" alt="Table"/>
                                        </span>
                                	statistic
                                    </a>
                                </li>
                                <!--                                <li>
                                                                    <a href="#">
                                                                         Icon Container
                                                                        <span class="da-nav-icon">
                                                                            <img src="images/icons/black/32/create_write.png" alt="Form"/>
                                                                        </span>
                                                                        Form
                                                                    </a>
                                                                    <ul>
                                                                        <li><a href="addnew.xhtml">Add New</a></li>
                                                                    </ul>
                                                                </li>
                                                                <li>
                                                                    <a href="ui.html">
                                                                         Icon Container
                                                                        <span class="da-nav-icon">
                                                                            <img src="images/icons/black/32/settings.png" alt=""/>
                                                                        </span>
                                                                        UI Elements
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="widgets.html">
                                                                         Icon Container
                                                                        <span class="da-nav-icon">
                                                                            <img src="images/icons/black/32/cog_4.png" alt="Widgets"/>
                                                                        </span>
                                                                        Widgets
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">
                                                                         Icon Container
                                                                        <span class="da-nav-icon">
                                                                            <img src="images/icons/black/32/word_documents_1.png" alt="Layout and Typography"/>
                                                                        </span>
                                                                        Layout and Typography
                                                                    </a>
                                                                    <ul class="closed">
                                                                        <li><a href="grids.html">Grids and Panels</a></li>
                                                                        <li><a href="typography.html">Typography</a></li>
                                                                    </ul>
                                                                </li>
                                                                <li>
                                                                    <a href="gallery.html">
                                                                         Icon Container
                                                                        <span class="da-nav-icon">
                                                                            <img src="images/icons/black/32/images_2.png" alt="Gallery"/>
                                                                        </span>
                                                                        Gallery
                                                                    </a>
                                                                </li>-->


                            </ul>
                        </div>

                    </div>

                    <!-- Main Content Wrapper -->
                    <div id="da-content-wrap" class="clearfix">

                        <!-- Content Area -->
                        <div id="da-content-area">
                            <ui:insert name="content">
                                Phan content
                            </ui:insert>
                        </div>

                    </div>

                </div>

            </div>

            <!-- Footer -->
            <div id="da-footer">
                <div class="da-container clearfix">
                    <p>Copyright 2012. K2BT. 
                    </p></div>
            </div>

        </div>

        <div aria-labelledby="ui-dialog-title-da-customizer-dialog" role="dialog" tabindex="-1" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" style="display: none; z-index: 1000; outline: 0px none;">
            <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                <span id="ui-dialog-title-da-customizer-dialog" class="ui-dialog-title">Get CSS Style</span>
                <a role="button" class="ui-dialog-titlebar-close ui-corner-all" href="#">
                    <span class="ui-icon ui-icon-closethick">close</span>
                </a>
            </div>
            <div style="display: block;" id="da-customizer-dialog" class="no-padding ui-dialog-content ui-widget-content">
                <textarea cols="" rows=""  readonly="readonly" id="da-customizer-css"></textarea>
            </div>
        </div>
    </h:body>

</html>
